@import "template";

nav.menu {
    width: 550px;
    margin: auto;

    ul li {
        float: left;
        display: block;

        a {
            display: block;
            width: 70px;
            height: 90px;
            padding-top: 70px;
            margin: 10px;
            text-align: center;
            text-decoration: none;

            &.users {
                background: $menu-users-img no-repeat;
                background-size: $menu-item-img-size;
            }

            &.categories {
                background: $menu-categories-img no-repeat;
                background-size: $menu-item-img-size;
            }

            &.authors {
                background: $menu-authors-img no-repeat;
                background-size: $menu-item-img-size;
            }

            &.responses {
                background: $menu-comments-img no-repeat;
                background-size: $menu-item-img-size;
            }

            &.comments {
                background: $menu-comments-img no-repeat;
                background-size: $menu-item-img-size;
            }

            &.books {
                background: $menu-books-img no-repeat;
                background-size: $menu-item-img-size;
            }
        }
    }

    h2 {
        background: none;
        background-position: 0px 0px;
        color: $default-text-color;
        font-size: 19px;
        margin: 0;
        margin-top: 15px;
        padding: 0px;
        text-align: center;
    }
}